<template>
    <h3>电台用户</h3>
    <div>
      <el-table
      :data="user_list_list"
      >
        <el-table-column prop="username" label="名字" />
      </el-table>
    </div>
</template>

<script setup lang="ts">
//获取 vue 基础框架内容
import { ref , onMounted} from "vue";
// 实例化 pinia 仓库
import { storeToRefs } from "pinia"; // 把取消的响应式数据拿回来使用

import {useUserListStore} from '@/store/userListStore' //

const { user_list_list } = storeToRefs(useUserListStore())
const {getUserListData } = useUserListStore();

onMounted(async ()=>{
  await getUserListData() // 进行请求的方式
  console.log("实际拿到的数据", user_list_list)
})

</script>